<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="keywords" content="jquery, plugin, slider, zoom, portfolio, cloud-zoom"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/timkiem.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="cloud-zoom/cloud-zoom.css" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="cloud-zoom/cloud-zoom.1.0.2.js"></script>

<script src="js/jquery.easy-confirm-dialog.js"></script>
	<script type="text/javascript">
	$(function() {
		$(".confirm").easyconfirm();
		$("#alert").click(function() {
			alert("You approved the action");
		});
		
		$("#yesno").easyconfirm({locale: { title: 'Select Yes or No', button: ['No','Yes']}});
		$("#yesno").click(function() {
			alert("You clicked yes");
		});
		
		$(".customDialog").easyconfirm({dialog: $("#question")});
		
		$("#svSE").easyconfirm({locale: $.easyconfirm.locales.svSE});
		$("#svSE").click(function() {
			alert("Tack för att du godkände detta!");
		});
		
		$("#french").easyconfirm({locale: {
			title: 'Etes-vous sûr?',
			text: 'Etes-vous sûr que vous souhaitez effectuer cette action?',
			button: ['Annuler',' Confirmer'],
			closeText: 'fermer'
		}});
		$("#french").click(function() {
			alert("Je vous remercie de votre soumission!");
		});
		
	});
	</script>
	<style type="text/css">
	.ui-dialog { font-size: 11px; }
	body {
		font-family: Tahoma;
		font-size: 12px;
	}
	#question {
		width: 300px!important;
		height: 60px!important;
		padding: 10px 0 0 10px;
	}
	#question img {
		float: left;
	}
	#question span {
		float: left;
		margin: 20px 0 0 10px;
	}
	</style>

<script type="text/javascript">

function set(val)
{
     var path=document.getElementById(val).src;
	 var start=path.lastIndexOf("/")+1;
	 var end=path.lastIndexOf(".");
	 var source = path.substring(start,end);
	 //alert(type);
	if (val == 1) {
				document.getElementById("2").setAttribute("src",
				"images/chothue-n.png");
				document.getElementById(val).setAttribute("src",
				"images/chiase-s.png");
			
		}
		if (val == 2) {
			document.getElementById("1").setAttribute("src",
			"images/chiase-n.png");
			document.getElementById(val).setAttribute("src",
			"images/chothue-s.png");
			
		}
}
</script>
<style type="text/css">
	.ui-dialog { font-size: 11px; }
	#question {
		width: 300px!important;
		height: 60px!important;
		padding: 10px 0 0 10px;
	}
	#question img {
		float: left;
	}
	#question span {
		float: left;
		margin: 20px 0 0 10px;
	}
	</style>
    <!-- The JavaScript -->
		
		<script type="text/javascript">
			$(function() {
				/*
				fancybox init on each cloud-zoom element
				 */
				$("#content .cloud-zoom").fancybox({
					'transitionIn'	:	'elastic',
					'transitionOut'	:	'none',
					'speedIn'		:	600,
					'speedOut'		:	200,
					'overlayShow'	:	true,
					'overlayColor'	:	'#000',
					'cyclic'		:	true,
					'easingIn'		:	'easeInOutExpo'
				});

				/*
				because the cloud zoom plugin draws a mousetrap
				div on top of the image, the fancybox click needs
				to be changed. What we do here is to trigger the click
				the fancybox expects, when we click the mousetrap div.
				We know the mousetrap div is inserted after
				the <a> we want to click:
				 */
				$("#content .mousetrap").live('click',function(){
					$(this).prev().trigger('click');
				});

				/*
				the content element;
				each list item / group with several images
				 */
				var $content	= $('#content'),
				$thumb_list = $content.find('.thumb > ul');
				/*
				we need to set the width of each ul (sum of the children width);
				we are also defining the click events on the right and left arrows
				of each item.
				 */
				$thumb_list.each(function(){
					var $this_list	= $(this),
					total_w		= 0,
					loaded		= 0,
					//preload all the images first
					$images		= $this_list.find('img'),
					total_images= $images.length;
					$images.each(function(){
						var $img	= $(this);
						$('<img/>').load(function(){
							++loaded;
							if (loaded == total_images){
								$this_list.data('current',0).children().each(function(){
									total_w	+= $(this).width();
								});
								$this_list.css('width', total_w + 'px');

								//next / prev events

								$this_list.parent()
								.siblings('.next')
								.bind('click',function(e){
									var current = $this_list.data('current');
									if(current == $this_list.children().length -1) return false;
									var	next	= ++current,
									ml		= -next * $this_list.children(':first').width();

									$this_list.data('current',next)
									.stop()
									.animate({
										'marginLeft'	: ml + 'px'
									},400);
									e.preventDefault();
								})
								.end()
								.siblings('.prev')
								.bind('click',function(e){
									var current = $this_list.data('current');
									if(current == 0) return false;
									var	prev	= --current,
									ml		= -prev * $this_list.children(':first').width();

									$this_list.data('current',prev)
									.stop()
									.animate({
										'marginLeft'	: ml + 'px'
									},400);
									e.preventDefault();
								});
							}
						}).attr('src',$img.attr('src'));
					});
				});
			});
        </script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (khutroslide.psd) -->
			<div id="header">
                    <div id="headerContent">
                        <a href="http://www.khutro.net" id="logo">khutro</a>
                        <ul id="menuBar">
                            <li class="selected"><a href="http://www.khutro.net">Trang Chủ</a></li>
                            <li><a href="http://www.khutro.net/vote">Trợ Giúp</a></li>
                            <li><a href="http://www.khutro.net/old">Trang Cá Nhân</a></li>
                            <li><a class="upload" href="http://www.khutro.net/upload">Đăng Tin</a></li>
                        </ul>
                        <div id="loginPanel">
                <a class="loginButton" href="http://www.khutro.net/account/login">Đăng nhập</a>        
                        </div>
                    </div>
            </div>
            <img src="images/spacer.gif" width="1" height="56" alt="">
       <div id="boxsearch">
		<table width="100%" border="0" cellspacing="1" cellpadding="1">
			<tr>
				<td width="14%"><span class="tbdownlist1">Thành phố </span></td>
				<td width="11%"><span class="tbdownlist1">Quận </span>/Huyện</td>
				<td width="11%"><span class="tbdownlist1">Diện tích </span></td>
				<td width="11%"><span class="tbdownlist1">Giá </span></td>
				<td width="14%" rowspan="2" valign="bottom"><a href="#" class="timkiem">Tìm kiếm</a></td>
			  <td width="14%">&nbsp;</td>
				<td width="13%">&nbsp;</td>
				<td width="6%" rowspan="2"><img src="images/chiase-s.png"
					id="1" onClick="set(this.id)" alt="" width="50" height="29"
					align="right"></td>
				<td width="6%" rowspan="2"><img src="images/chothue-n.png"
					id="2" onClick="set(this.id)" alt="" width="54" height="29"
					align="right"></td>
			</tr>
			<tr>
				<td><span class="bghead"> <select name="city" id="city"
						class="tbdownlist1">
							<option selected value="hanoi">Hà Nội</option>
							<option value="hcm">Tp.Hồ Chí Minh</option>
					</select> </span></td>
				<td><span class="bghead"> <select name="district"
						id="district" class="tbdownlist1">
							<option selected value="hanoi">Cầu Giấy</option>
							<option value="hcm">Xuân Thuỷ</option>
					</select> </span></td>
				<td><span class="bghead"> <select name="area" id="area"
						class="tbdownlist1">
							<option selected value="0">-Tất cả-</option>
							<option selected value="1"><20m2</option>
							<option value="2">20 - 40m2</option>
							<option value="3">>40m2</option>
					</select> </span></td>
				<td><span class="bghead"> <select name="price"
						id="price" class="tbdownlist1">
							<option selected value="0">-Tất cả-</option>
							<option selected value="1"><1 triệu</option>
							<option value="2">1 - 2 trieu</option>
					</select> </span></td>
				<td colspan="2"><a href="#">Tìm kiếm nâng cao</a></td>
			</tr>
		</table>


</div>
       
                    <table width="960px" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
  <tr>
    <td width="249px" valign="top">
            <div class="leftcontent">
	            <div class="boxleftcontent" id="minimap">
	              <div id="map" style="float:left;width:100%;height: 259px">
                  a
                  </div>
                  <div class="zoommap">
                      <a href="#"><img src="images/icondetail_0002_map.png">Xem bản đồ lớn</a>
                  </div>
	            </div>
				<div class="boxleftcontent" id="magincustom">
				  <div class="filterheader">
						<div class="aligntextleft">Các tin cùng khu vực</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
				</div>
				<div class="boxleftcontent" id="magincustom">
				  <div class="filterheader">
						<div class="aligntextleft">Các tin cùng người đăng</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
				</div>
				<div class="boxleftcontent" id="magincustom">
					<div class="filterheader">
						<div class="aligntextleft">Các tin đã xem</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">ưadwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 Lượt xem</div>
							</div>
						</div>
					</div>

				</div>
			</div></td>
    <td width="690px" valign="top">
            	<div class="boxleftcontent" id="rightcontent">
                    	<div class="headerdetail">
                        	<div class="titledetail">
                            	<div class="titledetailcontent">Cho thuê nhà trọ khu vực Cầu Giấy...
                                </div>
                            </div>
                            <div class="editdetail">
                            	<div class="icondetail">
                                   
	                                <a href="#" style="color:#FF0">[Sửa]</a>
                                    <a href="#" style="color:#FF0">[Làm mới]</a>
                                    <a href="?comfirmhiden=true" style="color:#FF0" class="confirm" title="Bạn chắc chắn muốn ẩn bài đăng này?">[Ẩn]</a>
                                    <a href="?comfirmdelete=true" style="color:#FF0" class="confirm" title="Bạn chắc chắn muốn xoá bài đăng này?">[Xoá]</a>
                                </div>
                            </div>
                        </div>
                    	<div class="detailcontent">
                        	<div class="shortinfo">
                               <div id="addresscus">
                               		Địa chỉ : <span style="color:#119399">135 Xuân thuỷ, Cầu Giấy, Hà Nội</span>
                               </div>
                           	  <div class="shortcontentl">
                                	<div id="infohouse">
                                Giá: <span style="color:#119399">2 triệu (vnđ)/tháng</span>
                                </div>
                                <div id="infohouse">Diện tích : <span style="color:#119399">20 m2</span>
                                </div>
                                <div id="infohouse">Tiền nước: <span style="color:#119399">50.000 VND/người/tháng</span>
                                </div>
                                <div id="infohouse">Tiền điện: <span style="color:#119399">3000 VND/1kwh</span>
                                </div>
                                <div id="infohouse">Nấu ăn: <span style="color:#119399">Trong phòng</span>
                                </div>
                                <div id="infohouse">Vệ sinh: <span style="color:#119399">Riêng</span>
                                </div>
                                <img src="images/commenticon.png" width="30" height="30" alt="Comment"> <span style="color:#119399">0</span> bình luận 
                                    <img src="images/icondetail_0001_view.png" width="24" height="21" alt="view"><span style="color:#119399">68</span> : lượt xem 
                                	
                   	         </div>
                               <div class="shortcontentl">
                               <div id="infohouse">Internet: <span style="color:#119399">Có</span>
                                </div>
                                <div id="infohouse">Loại nhà: <span style="color:#119399">Không chung chủ</span>
                                </div>
                                <div id="infohouse">Chỗ để xe máy: <span style="color:#119399">Có / 200k/tháng</span>
                                </div>
                                <div id="infohouse">Giờ đóng cửa: <span style="color:#119399">Tự do</span>
                                </div>
                                <div id="infohouse">Liên hệ : <span style="color:#119399">Nguyễn Đức Thưởng</span>
                                </div>
                                <div id="infohouse">Số điện thoại : <span style="color:#119399">04 67 89 250</span>
                                </div>
                                <span style="padding-top:50px;font:bold 15px Verdana, Geneva, sans-serif;color:#F00">Chính chủ</span>
                               </div>
                            </div>
                            <div class="vote">
                            	<a href="#">
                                	<img src="images/icondetail_0000_heart.png" alt="yêu thích">Thêm vào yêu thích 
                              </a>
								
                                <div class="showvote"><span style="color: #119399">5</span>điểm / <span style="color:#119399">10</span> lượt đánh giá
                                </div>
                                <div class="votebar">
                                   <img src="images/icondetail_0004_star-check.png" alt="1star">
                                   <img src="images/icondetail_0004_star-check.png" alt="2star">
                                   <img src="images/icondetail_0004_star-check.png" alt="3star">
                                   <img src="images/icondetail_0004_star-check.png" alt="4star">
                                   <img src="images/icondetail_0004_star-check.png" alt="5star">
                               </div>
                            </div>
                            <div class="fullinfo">
                                	<h2 class="headerbolder">Mô tả chi tiết :</h2>
							<div class="descriptioncontent">
                            	Cho nữ sinh viên hoặc cán bộ văn phòng thuê phòng trọ khép kín,
                                thoáng mát, an ninh tốt.
                                Cho nữ sinh viên hoặc cán bộ văn phòng thuê phòng trọ khép kín,
                                thoáng mát, an ninh tốt.
                            </div>
                            </div>
                            <div class="imgshow">
                            	<h2 class="headerbolder">Ảnh phòng trọ  :</h2>
                                <div  class="imgshow-small">
                                <div id="content" class="content">
                                <div class="item">
                                    <div class="thumb_wrapper">
                                        <div class="thumb">
                                            <ul>
                                                <li><a rev="group1" rel="zoomHeight:200, zoomWidth:400, adjustX: 10, adjustY:-4, position:'body'" class='cloud-zoom' href="images/formstack1.jpg"><img src="images/thumbs/formstack1.jpg" alt="Formstack 1"/></a></li>
                                                <li><a rev="group1" rel="zoomHeight:200, zoomWidth:400, adjustX: 10, adjustY:-4, position:'body'" class='cloud-zoom' href="images/formstack2.jpg"><img src="images/thumbs/formstack2.jpg" alt="Formstack 2"/></a></li>
                                                <li><a rev="group1" rel="zoomHeight:200, zoomWidth:400, adjustX: 10, adjustY:-4, position:'body'" class='cloud-zoom' href="images/formstack3.jpg"><img src="images/thumbs/formstack3.jpg" alt="Formstack 3"/></a></li>
                                            </ul>
                                        </div>
                                        <a class="prev" href="#"></a>
                                        <a class="next" href="#"></a>
                                        <span>Click phóng to</span>
                                    </div>
                                </div>
                                </div>
                                </div>
                            </div>
                            <div style="font: 12px Georgia, 'Times New Roman', Times, serif;color:#000;margin-right:15px;text-align:right">
                                    Tạo bởi: <span style="color:#119399">Nguyễn Đức Thưởng</span><br>
                                    Ngày tạo:<span style="color:#119399">20/10/2012</span>
                                    Sửa lần cuối:<span style="color:#119399">20/10/2012 14:30:34</span><br>
                            </div>
                            <div class="reportdetail">
                            <a href="#" style="color:#04b732">[Thêm vào so sánh]
                            </a>
                            <a href="#" style="color:#f90000">[Báo cáo vi phạm]
                            </a>
                            </div>
                            <div class="comment">
                            	<h2 class="headerbolder">Bình luận :</h2>
                            	<div id="fb-root"></div>
							  <script>(function(d, s, id) {
                                  var js, fjs = d.getElementsByTagName(s)[0];
                                  if (d.getElementById(id)) return;
                                  js = d.createElement(s); js.id = id;
                                  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=418620964854308";
                                  fjs.parentNode.insertBefore(js, fjs);
                                }(document, 'script', 'facebook-jssdk'));
                                </script>
                                <div class="fb-comments" data-href="http://brandy.vn" data-num-posts="10" data-width="650" fb-xfbml-state="rendered"></div>
                            </div>
                      </div>
                        
        </div>
                  </td>
            <td width="22">
  </tr>
  <tr>
    <td colspan="2"> 
    <div id="footercus" style="text-align:center;color:#FFF;background:#CCC">
			<em>Designed by FU team | Powered by Struts<br> khutro.net</em>
		
	</div>
    </td>
    </tr>
</table>
                    
       


           
<!-- End Save for Web Slices -->
</body>
</html>